<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="script/jquery-1.7.2.js"></script>
    <script type="text/javascript">

        $(function () {
            //attr()
          //   alert($(":checkbox:first").attr("name"));  //获取
          // $(":checkbox:first").attr("name", "abc"); //设置

            //prop()
            // alert($(":checkbox").prop("name")); //官方觉得返回undefined是一个错误

            $(":checkbox:first").prop("abc","");

            // $("<h1>标题</h1>").appendTo($("div"));// 加在后面
            // $("<h1>标题</h1>").prependTo($("div"));// 加在前面

            // DOM 的增删改:  (看尚硅谷笔记4-4)
            //     内部插入： appendTo()    prependTo()
            // a.appendTo(b) 把 a 插入到 b 子元素末尾，成为最后一个子元素  | a.prependTo(b) 把 a 插到 b 所有子元素前面，成为第一个子元素
            // 外部插入： insertAfter()   insertBefore()
            // a.insertAfter(b) 得到 ba   |  a.insertBefore(b) 得到 ab
            // 替换: replaceWith()   replaceAll()
            // a.replaceWith(b) 用 b 替换掉 a |  a.replaceAll(b) 用 a 替换掉所有 b
            // 删除： remove()      a.remove(); 删除 a 标签
            // empty()  a.empty(); 清空 a 标签里的内容
        });

    </script>
</head>
<body>
<body>
    <br/>
多选：
<input  type="checkbox" type="checkbox" checked="checked" value="checkbox1"/>checkbox1
<input name="checkbox" type="checkbox" value="checkbox2"/>checkbox2

<br/><br/>
<div>1234</div>


</body>
</body>
</html>